
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>css引入方式</title>
		<style>
			h3{
				color: green;    /*字体颜色*/
				front-size:36px;   /*字体大小*/
				text-align: center;/*文本居中显示*/
			}
			h1{
				color:green;
			}
			.bigfont{       /*.类名*/
				font-size: :88px;
			}
			#col{
				color: hotpink;
			}
			
			
		</style>
		<link href="css/font-size.css" rel="stylesheet"/>
	</head>
	<body>
		<!-- css：层叠样式表
		三种引入方式：
		1.内联样式：在开始标签中加入style属性，在属性中书写样式
		2.内部样式：在html文件的head标签中加入style标签，在style标签中书写样式
		3.外部样式：
				setp1：创建css文件,书写样式
				setp2:在html文件的head标签中用link标签关联样式文件
				对于同一个标签用三种引入方式作用同一个样式，标签最终显示效果听谁的？
				内联优先级最高，谁离标签最近谁的优先级最高
		-->
				<!-- 选择器
				1.标签选择器
				2.类选择器
				3.id选择器 
				-->
		<h1 style="color: blue; front-size:38px;">古诗中文网</h1>
		<!-- <h1 class="bigfont">古诗中文网</h1> -->
		<h3 id="col">蒹葭</h3><!-- id="名字具有唯一性" -->
		<h3 class="bigfont">首页</h3><!-- class属性="类名" -->
		<p class="bigfont">蒹葭苍苍，白露为霜</p>
		<p>所谓伊人，在水一方</p>
	</body>
</html>
